<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单信息</title>
		<link rel="stylesheet" type="text/css" href="css/indent.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
	</head>
	<body>
		<div class="web">
			<header>
				<div class="top">
					<div class="top-header clearfix">
						<div class="top-span clearfix">
						   <div class="top-r fl">
								<a href="regedit.html"><span>注册</span></a>
								<a href="nosettl.html"><span>登录</span></a>
								<a href="viplogin.html"><span style="border-right: none;">vip登录</span></a>
						   </div>
						   <ul class="fr">
								<li>
									<a href="cart.html"> 商家入驻 </a>
								</li>
								<li>
									<a href="details.html"> 我的订单 </a>
								</li>
								<li>
									<a href="cart.html" style="border-right: none;">
										<i class="iconfont icon-gouwuche1"><span>(0)</span></i>
									</a>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<div class="search">
					<div class="logo">
						<a href="index.html"><img src="img/LOGO.png"/></a>
						<div class="main-c">
							<div class="main-top">
								<div class="top-line">
									<span class="line-name name-1 is-on">购物车</span>
									<span class="line-name name-2 is-on">确认订单</span>
									<span class="line-name name-3">完成支付</span>
									<div class="red-line line-step1"></div>
									<div class="red-line line-step2"></div>
									<span class="line-circular name-1 active">1</span>
									<span class="line-circular name-2 active">2</span>
									<span class="line-circular name-3">3</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</header>
			<!--内容-->
			<div class="content">
			    <div class="content-box">
					<h3>填写并核对订单信息</h3>
					<div class="message">
						<div class="message-box">
							<div class="message-title">
								<span>收货人信息【修改】</span>
							</div>
							<form action="#" class="form1">
								<input type="radio" id="left" name="select" value="1" checked/>
								<label for="left">
									<p>姓名：测试</p>
									<p>地区：广东省深圳市罗湖区</p>
									<p>地址：保税区</p>
									<p>手机：13510127896</p>
								</label>
								<input type="radio" id="right" name="select" value="2"/>
								<label for="right">
									<p>姓名：测试</p>
									<p>地区：广东省深圳市罗湖区</p>
									<p>地址：保税区</p>
									<p>手机：13510127896</p>
								</label>
							</form>
							<!--<form action="#" class="form1">
								
							</form>-->
							<div class="message-title">
								<span>配送方式</span>
							</div>
							<div class="delivery">
								<p>对不起，你的订单无法继续进行，有可能是以下原因：1、送货地址没有填写; 2、你选购的商品在改地区不能配送联系工作人员。</p>
							</div>
						</div>
					</div>
					<div class="details">
							<h3>订单详情</h3>
							<form action="#" class="form2">
								<input type="checkbox" id="check all" />
								<label for="check all">全选</label>
								<label for="check all">批量删除</label>
							</form>
							<div class="details-box">
								<div class="message-title2">
									<span>购物车的商品</span>
									<span>价格（元）</span>
									<span>数量</span>
									<span>小计（元）</span>
									<span>操作</span>
								</div>
								<div class="message-title3">
									<span>某某某某直营店</span>
									<span>¥750.00</span>
								</div>
								<div class="commodity">
									<div class="table-box">
										<table>
											<tr>
												<td>
													<input type="checkbox" name="check" id="check"/>
												</td>
												<td>
													<img src="img/production.png"/>
													<span>
														<p>商品品牌名称</p>
														<span class="cart-span">规格：</span><span class="text">规格x规格</span><br />
														<span class="cart-span">颜色：</span><span class="text">白色</span>
													</span>
												</td>
												<td>
													<span>¥150.00</span>
												</td>
												<td>
													<div class="goods-num">
							 							<span class="goods-minus disabled">
							 								<span> </span>
							 							</span>
							 							<span> 5 </span>
							 							<span class="goods-plus">
							 								<span> </span>
							 								<span> </span>
							 							</span>
							 						</div>
												</td>
												<td>
													<span>¥750.00</span>
												</td>
												<td>
													<a href="#">收藏</a>
													<a href="#">删除</a>
												</td>
											</tr>
										</table>
									</div>	
								</div>
								<div class="remark-box">
									<div class="remark">
										<span>订单备注：</span>
										<textarea name="description" rows="5" cols="5" placeholder="备注中有关收货人信息、支付方式、配送方式、发票信息等购买要求一律以上面的选择为准，备注无效"></textarea>
									</div>
								</div>
								<div class="sum">
									<span>商品金额：¥750.00元+运费：¥0.00元-优惠券：¥0.00元-储存卡：¥0.00元</span>
								</div>
								<div class="pay">
									<div class="puy-box">
										<h2>你需要为订单支付：<span>¥750.00</span>元</h2>
										<a href="submit.html">提交订单</a>
									</div>
								</div>
							</div>
					</div>
				</div>	
			</div>
			<!--脚部-->
			<footer>
				<div class="footer-title">
					<div class="footer-ul clearfix">
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/you.jpg"/>
									</a>
								</li>
								<li>
									<h4>品质保障</h4>
									<span>品质保证 购物无忧</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/te.jpg"/>
									</a>
								</li>
								<li>
									<h4>特色服务</h4>
									<span>针对户型 私人定制</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/sheng.jpg"/>
									</a>
								</li>
								<li>
									<h4>全网最低</h4>
									<span>厂家直销 低价承诺</span>
								</li>
						    </ul>
						</div>
						<div class="footer-ul-box fl">
							<ul>
								<li>
									<a href="javascript:void(0)">
										<img src="img/usre.jpg"/>
									</a>
								</li>
								<li>
									<h4>帮助中心</h4>
									<span>您的购物指南</span>
								</li>
						    </ul>
						</div>
					</div>
				</div>
				<!--链接-->
				<div class="footer-link">
					<div class="link-box clearfix">
						<div class="footer-link-ul fl">
							<ul>
								<h4>新手指南</h4>
								<li><a href="#">新手指南</a></li>
								<li><a href="#">购物流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>支付方式</h4>
								<li><a href="#">支付宝</a></li>
								<li><a href="#">微信</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>物流配送</h4>
								<li><a href="#">配送方式</a></li>
								<li><a href="#">服务流程</a></li>
							</ul>
						</div>
						<div class="footer-link-ul fl">
							<ul>
								<h4>客服中心</h4>
								<li><a href="#">在线客服</a></li>
								<li><a href="#">常见问题</a></li>
							</ul>
						</div>
						<div class="footer-code">
							<ul>
								<li>扫一扫，关注鲁班兄弟</li>
								<li><img src="img/code.png"/></li>
							</ul>
						</div>
					</div>
				</div>
			</footer>
			<!--版权-->
			<div class="bottom">
				<div class="copyright">
					<p>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035</p>
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">法律说明</a></li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>

